<template>
	<aside class="asider">
		<div class="asider-inner"></div>
	</aside>
</template>

<script>
export default {
	name: "Asider",
	data() {
		return {}
	},
	created() {
		this.$store.dispatch("routes/updateRoutes").then(routes => {
			console.log(routes)
		})
		console.log(this.$store.getters.routes)
	},
}
</script>

<style lang="scss" scoped>
.asider {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: $border-4-color;

	> .asider-inner {
		box-sizing: border-box;
		width: calc(100% + 17px);
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
	}
}
</style>
